﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CCLD_TUYENDUNG.aspx.cs" Inherits="web_pages_CCLD_TUYENDUNG" %>
<%@ Register TagName="CCLD_TD" TagPrefix="CCCLD" Src="~/web/Controls/CCLD_TD.ascx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Cung lao dong</title>
    <script type="text/javascript" src="../js/jquery-1.4.js"></script>
</head>
<style>
    #bigPic table tr
    {
    	height:30px;
    	font-size:14px;
    }
    #bigPic table tr td 
    {
    	border:1px solid #ccc;
    }
</style>
    
<body>
    <form id="form1" runat="server">
    <div style="text-align:center;font-weight:bold;line-height:30px;font-size:16px;background:#4282db;color:#fff;">  
	       BẢNG CUNG CẦU LAO ĐỘNG<br> 
			<%if(messDate != ""){%>
	        Thời gian từ : <%=messDate.Split(';')[0]%> đến <%=messDate.Split(';')[1]%> <br>
			<%}%>
			<%if(messSan!=""){%>
	        Và thuộc sàn giao dịch: <%=messSan%>
			<%}%>
        </div>    
    <div id='wrapper'>
		<div id='header'></div>
		<div id='body'>
			<div id="bigPic" style="height:768px;overflow:hidden;">
			    
			    <CCCLD:CCLD_TD ID="ccld_td" runat="server" />
			    
			</div>
		</div>
	</div>
    </form>
    
    <script type="text/javascript">
	var currentImage;
    var currentIndex = -1;
    var interval;
    function showImage(index){
        if(index < $('#bigPic div').length){
        	var indexImage = $('#bigPic div')[index]
            if(currentImage){   
            	if(currentImage != indexImage ){
                    $(currentImage).css('z-index',2);
                    clearTimeout(myTimer);
                    $(currentImage).fadeOut(650, function() {
					    myTimer = setTimeout("showNext()", 12000);
					    $(this).css({'display':'none','z-index':1})
					});
                }
            }
            $(indexImage).css({'display':'block', 'opacity':1});
            currentImage = indexImage;
            currentIndex = index;
            
        }
    }
    
    function showNext(){
        var len = $('#bigPic div').length;
        var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
        showImage(next);
    }
    
    var myTimer;
    
    $(document).ready(function() {
	    myTimer = setTimeout("showNext()", 3000);
		showNext(); //loads first image
	});
    
	
	</script>
</body>
</html>
